import React from 'react';
import { inject, observer } from 'mobx-react'
import {Flex} from "antd-mobile";
import logo from './img/logo.svg';
import './css/style.less';
import LoginForm from './component/login-form';

@inject('loginStore')
@observer
export default class DishList extends React.Component<any, any>{

  render() {
    return (
      <Flex className="login-box" direction="column" justify="between">
        <Flex className="login-up" direction="column">

          {/* 登陆logo */}
          <div className="logo-box">
            <img src={logo} alt="logoImg" width="100%" height="auto"/>
          </div>

          {/* 登陆form */}
          <LoginForm />
        </Flex>

        {/* 底部版权信息 */}
        <div className="bb-copyright">
          <p>© 2019 技术支持:小白的梦</p>
        </div>
      </Flex>
    );
  }
}
